<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>风雪无垢楼</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>

    <style>
        #body{
            max-width: 720px;
            margin: 0 auto;
            background:url("img/beijing.png") no-repeat  center 0 #0d0d0e;
            background-size:1000px;
            color:#333;
            font-size: 0.26rem;
            text-align:center

        }
        .input1{
            border: 0;
            background-color: transparent;
            color: white;
            height: 60px;
            width: 350px;
            font-size: 50px;
        }
    </style>


</head>
<body id="body">
<script>
    function zhuche() {
        var password=$("#password").val();
        var password1=$("#password1 ").val();
        if(password==password1){
            $.ajax({
                url:'zhuce',
                type:'post',
                data:{password:password},
                success: function(data){
                    if(data==1){
                        window.location="index.html"
                    }
                }
            })
        }else{
            alert("密码与确认密码不一致！")
        }

    }
</script>
    <div style="height: 400px"></div>

<font style="color: white;font-size: 50px"> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 密码：</font><input type="password" id="password" class="input1">
    <hr width="600px" color="white">
    <div style="height: 10px"></div>
    <font  style="color: white;font-size: 50px">确认密码：</font>
<input type="password" id="password1" class="input1">
    <hr width="600px" color="white">
    <div style="height: 30px"></div>
    <button class="btn btn-lg btn-primary" style="width: 400px;height: 100px;font-size: 40px" onclick="zhuche()">注册</button><br>
    <div style="height: 20px"></div>
</body>
</html>